 #content{width: 1190px;;margin:0 auto;position:relative;}
.box{width:350px;height:350px;position: relative;}

.middleBox{width:350px;height:350px;position: relative;}
.middleBox img{width:350px;height:350px;}
.middleBox span{position:absolute;left:0;top:0;background:rgba(255,100,100,0.2);display:none;}
.middleBox em{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}

.bigBox{width:350px;height:350px;position:absolute;left: 350px;top:0;overflow: hidden;display:none;z-index: 1;}
.bigBox img{position:absolute;left:0;top:0;width:800px;height:800px;}

.list{width:330px;height:50px;padding:10px;position:relative;margin: 10px 0;overflow: hidden;}
.list .listImg{width:666px;}
.list .listImg img{float: left;margin: 0 10px;border:solid 2px transparent;cursor: pointer;}
.list .listImg img.active{border-color:blue;}
.list span{position: absolute;top:0;width:20px;height:70px;line-height:70px;font-size:12px;text-align: center;background: rgba(200,200,200,0.6);}
.list span.left{left:0;background:white;}
.list span.right{right:0;background:white;}
.msg{width:800px;height:500px;position:absolute;right:0;top:0;}
.msg .top{height:80px;border-bottom:1px solid #ccc;position:relative;}
.msg .top h3{font-weight:500;}
.msg .top p{font-size  :14px;}
.msg .top img{height:80px;right:0;top:0;position:absolute;}
.msg .center{height:200px;border-bottom:1px solid #ccc;position:relative;}
.msg .center span{display:inline-block;color:gary;font-size:10px;height:40px;line-height:40px;}
 .msg .center .one{position:absolute;left:10px;}
.msg .center .five{position:absolute;left:10px;top:50px;}
.msg .center .two{position:absolute;left:80px;font-size:20px;}
.msg .center .three{position:absolute;left:190px;}
.msg .center .four{position:absolute;right:300px;top:10px;display:inline-block;background:red;color:white;height:20px;width:40px;line-height:20px;text-align:center;}
#activity{position:absolute;left:30px;top:50px;width:700px;font-size:10px;color:gray;}
#activity .span{display: inline-block;width:15px;height:15px;border:1px solid red;color:red;font-size:12px;line-height:15px;text-align:center;}
#activity .span1{position:absolute;top:10px;left:50px;}
 #activity .span2{position:absolute;top:70px;left:50px;}
#activity .span3{position:absolute;top:110px;left:50px;}
#activity #p1{display:inline-block;position:absolute;left:100px;top:0;text-indent:20px;}
#activity #p2{display:inline-block;position:absolute;left:100px;top:60px;text-indent:20px;}
#activity #p3{display:inline-block;position:absolute;left:100px;top:100px;text-indent:20px;}
#list{position:relative;color:rgb(63, 58, 58);display: flex;}
#list span{position:absolute;width:70px;height:12px;border:1px solid #ccc;line-height:12px;text-align:center;display:block;color:rgb(63, 58, 58);}
#list .list1{right:-30px;top:60px;text-align:center;}
#list .list2{right:-30px;top:120px;text-align:center;}
#list .list3{right:-30px;top:160px;text-align:center;}
#list img{color:rgb(63, 58, 58);}
.msg .bottom{position:relative;height:200px;}
.msg .bottom .six{position:absolute;left:10px;font-size:10px;top:20px;}
.msg .bottom .spanBox{display:flex;position:absolute;top:20px;left:70px;}
.msg .bottom .spanBox span{display:flex;font-size:12px;height:30px;border:1px solid black;text-align:center;line-height:30px;margin:0 10px;}
#numBox{position:absolute;top:80px;left:100px;width:40px;height:30px;display:flex;}
#numBox .number{width:29px;height:29px;text-align:center;line-height:30px;display:block;border:1px solid #ccc;border-right:none;}
#numBox .btn1{right:0;top:0;position:absolute;text-align: center;border:1px solid #ccc;width:9px;;height:14px;display:inline-block;}
#numBox .btn1 img{width:8px;height:8px;display:block;}
#numBox .btn2{right:0;top:15px;position:absolute;border:1px solid #ccc;width:9px;height:14px;display:inline-block;}
#numBox .btn2 img{width:8px;height:8px;display:block;}
.bottom .text{position:absolute;top:85px;left:150px;font-size:14px;color:gray;}
.bottom .shopcar{width:150px;height:40px;position:absolute;top:140px;left:100px;background:red;color:white;text-align:center;line-height:40px;}
.bottom .shopcar img{width:16px;height:16px;;margin-top:10px;}
.bottom .shopcar:hover{background:black;}
#details{width:100%;position:absolute;top:500px;display:flex;background:burlywood;}
#details .navlist{width:100%;height:50px;top:0;position:absolute;}
#details .navlist .left{width:170px;height:50px;line-height:50px;font-size:16px;border-bottom:1px solid rgb(97, 89, 89);float:left;}
#details .navlist .right{width:950px;height:50px;line-height:50px;border-bottom:1px solid rgb(97, 89, 89);float:right;height:50px;line-height:50px;}
#details .navlist .right ul{list-style: none;font-size:16px;display:flex;height:50px;position:relative;line-height:50px;margin:0;}
#details .navlist .right ul li{margin-right:50px;width:100px;text-align:center;}
#details .navlist .right ul li:first-child{border-bottom:2px solid black;margin-left:0;margin-left:0;}
.shoplist{width:170px;position:absolute;top:581px;height:11600px;border-right:1px solid rgb(97, 89, 89);left:0;}
.shoplist .box{width:170px;height:200px;  margin-top:30px;}
.shoplist .box .img img{width:130px;height:120px;display:block;margin:0 auto;}
.shoplist .box .h3{font-size:12px;font-weight:600;display:block;text-align:center;width:150px;height:30px;line-height:30px;}
.shoplist .box .p{display:block;width:130px;height:30px;text-align:center;line-height:30px;font-size:12px;margin:0 auto;overflow:hidden;text-overflow: ellipsis;}
.shoplist .box .price{width:100px;height:20px;line-height:20px;font-size:14px;}
#introduce{width:900px;display:flex;top:80px;position:absolute;height:500px;}
#introduce .message{position:relative;margin:0;}
#introduce .message div{width:200px;height:50px;;display:inline-block;}
#introduce .message >div >span{width:200px;height:25px;font-size:12px;line-height:25px;text-align:left;display:block;}
#introduce .message div:last-child{width:250px;position:absolute;top:0px;}
#introduce .message div:last-child>span{width:250px;}
#box1{width:100%;position:absolute;top:80px;height:600px;}
#box1 p{height:30px;text-align:center;font-size:20px;font-weight:500;line-height:30px;margin:0;}
#box1 span{display:block;width:50px;height:20px;text-align:center;font-size:12px; line-height:20px;color:gray;}
#zengpin span{position:absolute;top:250px;}
#box2{width:300px;height:150px;left:300px;position:absolute;display:flex;}
#box2 .l{width:150px;height:150px;}
#box2 .r{width:150px;height:150px;}
#box2 .r .r1{display:block;width:150px;height:30px;line-height:30px;font-size:18px;}
#box2 .r p{height:60px;line-height:30px;overflow: hidden;font-size:14px;}
#box2 .r .r2{height:60px;line-height:60px;font-size:12px;}
#box3{display:flex;position:absolute;top:300px;left:80px;}
#box3 div{width:150px;height:190px;margin-right:50px;color:gray;}
#box3 div>img{width:150px;height:150px;}
#box3 div .p1{height:20px;font-size:12px;line-height:20px;position:absolute;top:150px;overflow: hidden;text-overflow:ellipsis;}
#box3 div .p2{height:20px;line-height:20px;font-size:12px;margin-left:130px;}
#chandi{position:absolute;top:550px;}
#chandi p{height:30px;line-height:30px;font-size:16px;font-weight: 500;}
#chandi p>img{height:14px;line-height:30px;}
#chandi>span{border:none;}
#cpmessage{width:900px;position:absolute;top:600px;display:flexbox;border-bottom: 1px solid gray;}
#cpmessage .img1{width:800px;height:566px;margin-left:50px;margin-top:20px;}
#cpmessage .move{width:740px;height:450px;background: black;margin-left:80px;}
#cpmessage .move .img2{width:600px;height:450px;margin-left:70px;}
#cpmessage .move .img3{position:absolute;display:block;top:800px;left:400px;}
#cpmessage .img4{width:740px;height:1100px;margin-left:80px;}
#cpmessage .img5{width:740px;height:1050px;margin-left:80px;}
#cpmessage .img6{width:740px;height:940px;margin-left:80px;}
#cpmessage .img7{width:740px;height:1200px;margin-left:80px;}
#cpmessage .img8{width:740px;height:200px;margin-left:80px;}
#cpmessage .move2{width:740px;height:450px;background: black;margin-left:80px;position:relative;}
#cpmessage .move2 .img9{width:600px;height:450px;margin-left:70px;}
#cpmessage .move2 .img9-1{position:absolute;display:block;top:200px;left:400px;}
#cpmessage .img10{width:740px;height:800px;margin-left:80px;}
#cpmessage .img11{width:740px;height:1200px;margin-left:80px;}
#cpmessage .img12{width:740px;height:544px;margin-left:80px;}
#cpmessage .img13{width:740px;height:500px;margin-left:80px;}
#box4{width:900px;height:500px;position:absolute;top:9800px;display:flexbox;}
#box4 .comment{width:100px;margin-left:400px;height:100px;}
#box4 .comment>.p1{height:30px;width:100px;font-size:25px;line-height:30px;text-align: center ;}
#box4 .comment>.p2{height:20px;font-size:18px;line-height:20px;text-align: center;font-weight: 500;}
#box4 .inquiry{width:900px;height:200px;margin-top:200px;border-top:1px solid gray;position:relative;}
#box4 .inquiry>p{width:900px;height:30px;line-height:30px;font-size:25px;text-align:center;}
#box4 .inquiry>span{width:900px;height:15px;font-size:15px;line-height:15px;text-align:center;display:block;}
#box4 .inquiry>span:nth-child(3){display:disblock;font-size:25px;color:#ccc;margin-top:50px;}
#box4 .inquiry>span:nth-child(4){width:100px;height:30px;line-height:30px;text-align:center;background:red;color:white; right:0;position:absolute;font-size:15px;bottom:20px;}
#box4 .label{width:900px;height:200px;border-top:1px solid gray;position:relative;}
#box4 .inquiry>span:nth-child(4):hover{background:black;}
#box4 .label>p{width:900px;height:30px;line-height:30px;font-size:25px;text-align:center;}
#box4 .label>span{width:900px;height:15px;font-size:15px;line-height:15px;text-align:center;display:block;}
#box4 .label>span:nth-child(3){width:100px;height:30px;line-height:30px;text-align:center;background:red;color:white; right:0;position:absolute;font-size:15px;bottom:20px;}
#box4 .label>span:nth-child(3):hover{background: black;}
#box4 .pay{width:900px;height:350px;border-top:1px solid gray;}
#box4 .pay>p{width:900px;height:30px;line-height:30px;font-size:25px;text-align:center;}
#box4 .pay>span{width:900px;height:15px;font-size:15px;line-height:15px;text-align:center;display:block;}
#box4 .pay .p{font-size:12px;text-align: left;}
#box4 .pay>.p3{text-indent:20px;}
#box4 .pricemsg{width:900px;height:250px;border-top:1px solid gray;}
#box4 .pricemsg>p{width:900px;height:30px;line-height:30px;font-size:25px;text-align:center;}
#box4 .pricemsg>span{width:900px;height:15px;font-size:15px;line-height:15px;text-align:center;display:block;}
#box4 .pricemsg .p{font-size:12px;text-align: left;line-height:normal;margin-top:50px;}
#box4 .return{width:900px;height:300px;border-top:1px solid gray;}
#box4 .return>p{width:900px;height:30px;font-size:25px;text-align:center;}
#box4 .return>span{width:900px;height:15px;font-size:15px;line-height:15px;text-align:center;display:block;}
#box4 .return .p{font-size:12px;text-align: left;line-height:normal;margin-top:50px;}
#box4 .tip{width:900px;height:200px;border-top:1px solid gray;}
#box4 .tip p{font-size:12px;text-align: left;line-height:normal;margin-top:50px;}
#foot-img{width:1190px;height:200px;position:absolute;top:11700px;border-bottom:3px solid black;}
#foot-img .imgbox{display:flex;height:200px;}
#foot-img .imgbox .box{flex:1;height:200px;}
#foot-img .imgbox .box>img{display:block;width:150px;height:150px;margin-left:40px;}
#foot-img .imgbox .box>h5{width:200px;height:15px;margin-top:0;text-align: center;margin-left:15px;}
#footer{width:1190px;height:200px;position:absolute;top:11903px;border-bottom:3px solid black;display:flex;}
#footer div{flex:1;margin-right:20px;}
#footer>div>p{font-size:12px;height:15px;line-height:15px;}
#footer>div:last-child{position:relative;}
#footer>div:last-child>img{position:absolute;right:0;top:20px;}


#list .list-details{width:700px;height:200px;position:absolute;top:80px;left:120px;z-index:1;display: none;box-shadow: 1px;background: white;}
#list .list-details #span{font-size:10px;color: red;border:1px solid red;width:15px;height:15px;margin-top:10px;}
#list .list-details #p{width:600px;height:80px;margin:0;font-size:12px;text-indent: 50px;color:gray;margin-top:10px;}
#list .list-details #img{width:100px;height:100px;margin-left:50px;}
#list .list-details .num{width:50px;height:50px;color:gray;position:absolute;top:130px;left:150px;border:none;}
#list .list-details{
     -moz-box-shadow:0 0 10px #ccc;
     -webkit-box-shadow:0 0 10px #ccc;
     box-shadow:0 0 10px #ccc;
}